.service_person_container {
  height: calc(100vh - 92px);
  box-sizing: border-box;
  padding: 12px;

  .body {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 12px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    row-gap: 12px;

    .header {
      display: flex;
      justify-content: space-between;

      .btn_group {
        display: flex;
        column-gap: 5px;
      }

      .search {
        display: flex;
        column-gap: 5px;

        .keyword_input {
          width: 228px;
        }
      }
    }

    .table {
      max-height: calc(100% - 28px - 12px - 28px - 12px);
    }

    .pagination {
      display: flex;
      justify-content: flex-end;
    }
  }
}
